@charset "utf-8";body,button,dd,dl,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}

li,ol,ul{list-style:none;}

body{position:relative;color:#666;font-size:14px;font-family:"Microsoft YaHei","Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",sans-serif;}

a{color:#666;text-decoration:none;}

a:hover{text-decoration:none;}

img{ border: 0;}

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

.container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}

@media (min-width:768px){.container{width:750px;}

}

@media (min-width:992px){.container{width:970px;}

}

@media (min-width:1200px){.container{width:1170px;}

}

@media (min-width:1440px){.container{width:1400px;}

}

.container-fluid{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}

.row{margin-right:-15px;margin-left:-15px;}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-4-more,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-8-more,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;padding-right:15px;padding-left:15px;min-height:1px;}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left;}

.col-xs-12{width:100%;}

.col-xs-11{width:91.66666667%;}

.col-xs-10{width:83.33333333%;}

.col-xs-9{width:75%;}

.col-xs-8{width:66.66666667%;}

.col-xs-7{width:58.33333333%;}

.col-xs-6{width:50%;}

.col-xs-5{width:41.66666667%;}

.col-xs-4{width:33.33333333%;}

.col-xs-3{width:25%;}

.col-xs-2{width:16.66666667%;}

.col-xs-1{width:8.33333333%;}

@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-4-more,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-8-more,.col-sm-9{float:left;}

.col-sm-12{width:100%;}

.col-sm-11{width:91.66666667%;}

.col-sm-10{width:83.33333333%;}

.col-sm-9{width:75%;}

.col-sm-8{width:66.66666667%;}

.col-sm-8-more{width:69.66666667%;}

.col-sm-7{width:58.33333333%;}

.col-sm-6{width:50%;}

.col-sm-5{width:41.66666667%;}

.col-sm-4{width:33.33333333%;}

.col-sm-4-more{width:30.33333333%;}

.col-sm-3{width:25%;}

.col-sm-2{width:16.66666667%;}

.col-sm-1{width:8.33333333%;}

}

@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left;}

.col-md-12{width:100%;}

.col-md-11{width:91.66666667%;}

.col-md-10{width:83.33333333%;}

.col-md-9{width:75%;}

.col-md-8{width:66.66666667%;}

.col-md-7{width:58.33333333%;}

.col-md-6{width:50%;}

.col-md-5{width:41.66666667%;}

.col-md-4{width:33.33333333%;}

.col-md-3{width:25%;}

.col-md-2{width:16.66666667%;}

.col-md-1{width:8.33333333%;}

}

@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left;}

.col-lg-12{width:100%;}

.col-lg-11{width:91.66666667%;}

.col-lg-10{width:83.33333333%;}

.col-lg-9{width:75%;}

.col-lg-8{width:66.66666667%;}

.col-lg-7{width:58.33333333%;}

.col-lg-6{width:50%;}

.col-lg-5{width:41.66666667%;}

.col-lg-4{width:33.33333333%;}

.col-lg-3{width:25%;}

.col-lg-2{width:16.66666667%;}

.col-lg-1{width:8.33333333%;}

}







.clear{ clear: both;}

.left{ float: left;}

.right{ float: right;}

.rowover{ overflow:hidden;}

.fixed { position: fixed!important; top: 0; z-index: 2; width: 100%;}



/*分页*/

.pagecode-bot{ border-top: 2px solid #c30d23; margin: 20px auto 30px; padding-top: 20px; overflow: hidden;}

.pagecode{ float: right;}

.pagecode a{ width:20px; height: 20px; display: inline-block; border-radius: 50px; line-height: 20px; text-align: center;}

.pagecode a.on{ background-color: #198fd2; color: #fff;}

.pagecode a.end{ color: #000;}

.pagecode span{ padding: 0 10px; vertical-align: 5px;}

.a_con{ width: 20px; height: 17px; display: inline-block; background:url(../images/jt.png); margin-top: 5px ; margin-right: 20px;}

.a_lf{ background-position: 0 0;}

.a_rg{background-position: -20px 0 ;}

.a_lf:hover,.on{ background-position:0  -17px ;}

.a_rg:hover,.on{background-position:-20px  -17px ;}



/*首页*/

.header-spacing{ height: 90px;}
.header{position:fixed; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;left: 0; right: 0; top: 0; z-index: 10; background: url(../images/headerbg.jpg) repeat-y center top;}
.logo{float:left;}
.logo a{display:block;}
.logo img{display:block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;height:90px;}
.nav{ z-index:2; position:static;top:auto;float:right;display:block;width:auto; margin-top: 25px;}
.nav ul li{ margin: 0 18px; float: left; }
.nav ul li a{display:inline-block; line-height:40px; font-size: 16px; color: #fff;}
.navbar{display:none;}
.nav ul li a.active,.nav ul li a:hover{ color:#ffff00;}
.nav ul li a.active span,.nav ul li a:hover span{display:block;width:100%;height:3px;border-radius:50px;background:#ffff00;}
.phone{ color:#ffff00; display: flex; float: right; padding-left: 3%; padding-top: 25px;}
.phone-img{ display: flex; align-items: center;}
.phone-img img{ width: 40px; height:40px; display: block;}
.phone-text{ flex:1; padding-left: 10px;}
.phone-text h4{ font-size: 14px; font-weight: normal;}
.phone-text p{ font-size: 20px; line-height: 20px;}
#nav { position: relative; top: 0; z-index: 1000;}
@media (max-width:1440px){
	.phone{ display: none;}
}
@media (max-width:1200px){
	.phone{ display: none;}
	.nav{ display: none;}
	.navbar{float:right;display:block;height:54px;margin-top: 17px;}
	.navbar img{padding:12px; height:31px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
	.header-spacing{ height: 90px;}
}
@media (max-width:768px){
	.header{}
	.logo img{ height:60px;}
	.navbar{float:right;display:block;height:50px;margin-top: 4px;}
	.nav{position:absolute;top:35px; z-index:3;display:none;width:100%;background:#fff;}
	.nav ul li{clear:both; margin: 0; width: 100%;}
	.nav ul li a{display:block;text-indent:10px;line-height:40px; font-size: 14px; text-align: left; color: #666;}
	.nav ul li a.active,.nav ul li a:hover{background:rgba(0,0,0,.05);color:#dc0000; border:none;}
	.nav ul li a.active span,.nav ul li a:hover span{ display: none;}
	.phone{ display: none;}
	.header-spacing{ height: 60px;}
}
/*轮播图*/
.banner{ z-index: 1;}
.banner .swiper-container{margin-right:auto;margin-left:auto;width:100%;height:100%;}
.banner .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:#fff;text-align:center;font-size:18px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.banner .swiper-slide img{display:block;width:100%;}
.banner .swiper-pagination-bullet{border-radius:50px;background:#fff;opacity:.5;}
.banner .swiper-pagination-bullet-active{width:18px;background:#cf000d;opacity:1;}
.index-about{ background: url("../images/aboutbg.jpg") no-repeat right top; background-color: #efefef; background-size: 50% 100%; overflow: hidden;}
.index-about-left{ margin-top: 110px;}
.index-aleft-title{ }
.index-aleft-title h4{font-size: 36px; font-weight: bold; color: #000;}
.index-aleft-title hr{ width: 75px; background: #0a46bb; height:4px; float: left; margin-top: 20px; }
.index-aleft-con{ font-size: 16px; color: #525252; line-height: 36px; margin-top: 30px; width: 90%;}
.index-aleft-btn{ margin-top: 40px; background: #0c64b3; width: 160px; height: 45px; text-align: center;}
.index-aleft-btn a{ font-size: 14px; color: #fff; line-height: 45px;}
.index-aleft-btn:hover{ opacity: 0.9;}
.index-about-right ul li{ display: flex; justify-content: center; align-items: center; height:260px;}
.index-aright-tmh{ background: rgba(239,239,239,0.5);}
.index-about .col-md-6{ padding: 0;}
.index-aright-text{ padding-top: 10px; width: 80%; margin:0 auto; text-align: center;}
.index-aright-text h4{ font-size: 24px; font-weight: bold; color: #000;}
.index-aright-text p{ font-size: 16px; color: #636363; padding-top: 10px; line-height: 28px;}
.index-aright-lb{ width: 100%;}
.index-aright-img{ margin: 0 auto; width: 85px; height:85px;}
.index-pro-search{ width: 100%; background: url("../images/prosearchbg.jpg") no-repeat center top; height:120px; display: flex; align-items: center; justify-content: center; background-size: cover;  background-attachment: scroll;  background-position: 50% 50%;}
.index-pro-search-con{ text-align: center; color: #fff;}
.index-pro-search-con form{ float: right; margin-top: 40px;}
.index-pro-search-title{ font-size: 30px; font-weight: bold; float: left; line-height: 120px;}
.index-pro-search-ftitle{ font-size: 18px; float: left; padding-left: 10px; line-height: 120px;}
.index-pro-search-input{ width: 370px;  height:40px; display: flex;}
.index-pro-search-ipnutnr{ flex: 1;}
.index-pro-search-ipnutnr input{ width: 100%; height:100%; border: none; padding: 0 10px;}
.index-pro-search-btn{ width: 60px; height: 40px; background: #00508d; display: flex; align-items: center; justify-content: center;}
.index-pro{ width: 100%; padding: 60px 0;}
.index-pro-title{ font-size: 40px; font-weight: bold; text-align: center; color: #000; padding-bottom: 25px;}
.slideTxtBox{ width:100%; text-align:left; margin-top: 40px;  }
.slideTxtBox .hd{ height:50px; border-bottom:1px solid #d8d8d8;  position:relative; margin-top: 20px;}
.slideTxtBox .hd ul{ width: 100%; display: flex; height: 50px; line-height: 50px;}
.slideTxtBox .hd ul li{ cursor:pointer;  text-align: center; color: #444; font-size: 18px; flex: 1; display:inline-block; }
.slideTxtBox .hd ul li.on{ border-bottom:3px solid #4a87ff; color: #fff; text-align: center; height:50px; background: #0a46bb; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.slideTxtBox .bd ul{ padding:15px 0 15px 0;  zoom:1;  }
#ScrollBox { width: 100%; overflow: hidden; margin: 0px auto; }
#ScrollBox li { display: inline; text-align: center; }
#ScrollBox li img { display: block  }
#ScrollBox li a { display: block; border: #e7e5e5 1px solid; margin: 8px 5px;}
#ScrollBox li p { padding: 20px 0px; background-color: #f3f3f3; font-size: 16px; }
#ScrollBox li p:hover {background-color: #0054a7; color: #fff; }
#ScrollBox li a:link, #ScrollBox li a:visited, #ScrollBox li a:active { color: #000  }
#ScrollBox li a span { display: block; line-height: 50px;  }
.jingguo {position: relative;	/* z-index: 1000; */ }
.jingguo img{width: 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.jingguo::before{content: ''; display: inline-block; padding-bottom: 100%; width: 0.1px;}
.dj { position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: rgba(0, 84, 167, 0.9); color: #fff; text-align: center; width: 100%; margin: 0; display: none; font-size: 18px;}
.dj-con{ display: flex; align-items: center; height: 100%; width: 100%; justify-content: center;}
.dj span{ font-size: 40px; text-align: center; display: inline-block; border-radius: 50%; height: 60px; width: 60px; border: #fff 1px solid; margin: 0 auto 15px;}
.dj img { text-align: center; }
#ScrollBox .col-md-3{ padding: 0;}
.index-pro-more{ background: #0c64b3; width: 160px; height: 45px; text-align: center; margin: 20px auto 0;}
.index-pro-more a{ font-size: 14px; color: #fff; line-height: 45px;}
.index-pro-more:hover{ opacity: 0.9;}
.index-ys{ width: 100%; padding: 60px 0 0; background: #1e1e1e;}
.index-ys-title{font-size: 40px; font-weight: bold; text-align: center; color: #fff; padding-bottom: 7px;}
.index-ysbg{ background-image: url("../images/youshibg.jpg"); background-size: cover; background-attachment: scroll; background-position: 50% 70px; background-repeat: no-repeat; overflow: hidden; padding: 0 60px 60px; margin-top: 60px;}
.index-ys-title-nr{ background: #6a6a6a; height: 70px; line-height: 70px; text-align: center; width: 100%; color: #fff; font-size: 30px; font-weight: bold;}
.index-ys-con{ background: rgba(255,255,255,0.6); height: 410px; padding: 60px 20px 0;}
.index-ys-con-img{ width: 120px; height:120px; margin: 0 auto;}
.index-ys-con-text{ font-size: 16px; line-height: 30px; color: #000; padding-top: 20px;}
.index-news{ width: 100%; padding: 60px 0; overflow: hidden;}
.index-news .row{ padding-top: 40px;}
.index-news-left-img a{ position: relative; display: block; overflow: hidden;}
.index-news-left-img a img{ position: absolute; top: 0; width: 100%;}
.index-news-left-img a::before{content: ''; display: inline-block; padding-bottom: 53%; width: 0.1px;}
.index-news-left-img a:hover{ opacity: 0.9;}
.index-news-left-text{ padding-top: 20px;}
.index-news-left-text a h4{ font-size: 24px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-news-left-text a p{ font-size: 16px; color: #464444; line-height: 30px; padding-top: 10px; height: 77px; overflow: hidden;}
.index-news-left-text:hover{ opacity: 0.9;}
.borbtm{ border-bottom: #beccd3 2px solid;}
.index-news-rightlb{ padding: 0 0 25px; margin-bottom: 25px;}
.index-news-more{ background: #0c64b3; width: 160px; height: 45px; text-align: center; float: right; margin-top: 10px;}
.index-news-more a{ font-size: 14px; color: #fff; line-height: 45px;}
.index-news-more:hover{ opacity: 0.9;}
.footer{ width: 100%; background: #06478a; overflow: hidden;}
.footer-top{ border-bottom: #0c59a7 1px solid; padding: 40px 0; overflow: hidden;}
.footer-logo{}
.footer-logo img{ width: auto;}
.footer-top-menu{ padding-top: 20px;}
.footer-top-menu ul{ margin-top: 20px;}
.footer-top-menu ul li { float: left; width: 16%; text-align: center;}
.footer-top-menu ul li a{ font-size: 16px; color: #fff;}
.footer-top-menu ul li a:hover{ opacity: 0.9;}
.footername{ padding-right: 0;}
.footer-menu-top-name{ font-size: 25px; color: #ffff00; line-height: 46px;}
.footer-menu-top-text{ padding-top: 15px;}
.footer-menu-top-text p{ font-size: 17px; color: #ffff00; line-height: 40px;}
.footerewm{ padding-top: 10px; padding-right: 10px;}
.footerewm img{ width: 90%;}
.footer-btm{ font-size: 16px; color: #fff; padding: 20px 0;}
.footer-btm a{font-size: 16px; color: #929292;}
.footer-btm a:hover{ text-decoration: underline;}

@media (max-width:1200px){
	.index-about{ background-size: auto; background: none; }
	.index-about-left{ margin-top: 0px; padding: 40px 20px 20px!important; background: url("../images/aboutbg.jpg") no-repeat center top; background-size: 100% 100%;}
	.index-pro-search{ height: 100px;}
	.index-pro-search-input{ display: none;}
	.index-pro-search-title{ line-height: 30px;}
	.index-pro-search-ftitle{ line-height: 40px; padding-left: 0; text-align: left;}
	.index-ys-con{ padding: 20px 20px 0; height: 480px;}
	.index-news-left-text{ margin-bottom: 25px;}
	.footer-top-menu{}
	.footer-top-menu ul{ margin-top: 25px;}
	.footer-top-menu ul li a{ text-align: center; line-height: 30px;}
	.footer-menu-top-name{ margin-top: 15px; font-size: 22px; line-height: 34px;}
	.footerewm{ padding-right: 15px;}
	.footerewm img{ width: 100%;}
}

@media (max-width:768px){
	.index-about{ background-size: auto; background: none; }
	.index-about-left{ margin: 0px; padding: 20px!important; background: url("../images/aboutbg.jpg") no-repeat center top; background-size: 100% 100%;}
	.index-pro-search-input{ margin:40px auto 0; width: 80%;}
	.index-aright-text p{ font-size: 12px; line-height: 20px;}
	.index-aleft-con{ width: 100%; margin-top: 0;}
	.index-pro-search-title{ font-size: 30px;}
	.index-pro-search-ftitle{ font-size:16px; line-height: 25px; }
	.index-about-right ul li{ height: 260px;}
	.index-aright-text{ width: 85%;}
	.index-aleft-btn{ margin-top: 10px;}
	.index-pro{ padding: 20px 0;}
	.slideTxtBox{ margin-top: 10px;}
	.slideTxtBox .hd{ padding: 0 10px; height:45px;}
	.slideTxtBox .hd ul{ height: 45px; line-height: 45px;}
	.slideTxtBox .hd ul li{ font-size: 14px; padding: 0 5px; line-height: 20px; text-align: center;}
	.slideTxtBox .hd ul li.on{ text-align: center; height: 46px;}
	#ScrollBox{ padding: 5px;}
	#ScrollBox li a{ margin: 5px;}
	#ScrollBox li p{ padding: 10px 0; font-size: 14px;}
	.index-ys-con{ height: auto; margin-bottom: 10px;}
	.index-ys-con-text{ padding: 10px 0;}
	.index-ysbg{ margin-top: 30px; padding: 0 10px 20px;}
	.footerewm{ padding-right: 15px;}
	.footerewm img{ width: 80%;}
	.footer-top-menu{ padding-top: 0px;}
}




/*集团概况*/

.about-banner{ width: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: scroll; height: 300px; display: flex; align-items: center; justify-content: center;}

.about-banner-con{  color: #fff; text-align: center;}

.about-banner-con h4{ font-size: 52px; font-weight: normal;}

.about-banner-con p{ font-size: 22px; padding-top: 50px; font-weight: 100; letter-spacing: 1px;}

.about-banner-img{ background-image: url("../images/aboutbanner.jpg");}

.page-menu{ width: 100%; background: #fff; overflow: hidden;}

.page-menu-con ul li{ float: left; height: 75px; line-height: 75px; border-bottom: #ebebeb 1px solid;}

.page-menu-con ul li a{ font-size: 18px; color: #686868; border-right: #e5e5e5 1px solid; padding: 0 20px;}

.pmactive ,.pmactive a{ background: #c30d23; color: #fff!important; border: none!important;}

.mbx{ width: 100%; height: 60px; line-height: 60px; border-top: #ebebeb 1px solid;}

.gray{ background: #eff1f3; }

.mbxactive{ color: #c30d23; font-weight: bold;}

.about-kg{ width: 100%; background:#eff1f3; overflow: hidden; padding-bottom: 40px; }

.about-kg-img{ width: 100%; overflow: hidden;}

.about-kg-img img{ width: 100%; height: 100%; display: block; cursor: pointer; transition: all 0.6s;}

.about-kg-img img:hover{ transform: scale(1.4);}

.about-kg-text{ background: #fff; padding: 20px 30px;}

.about-kg-title{ font-size: 30px; color: #111;}

.about-kg-fbt{ font-size: 14px; color: #111; padding-top: 10px;}

.about-kg-btn{ width: 180px; height: 50px; text-align: center; background: #c30d23; line-height: 50px; margin-top: 20px;}

.about-kg-btn:hover{ opacity: 0.9; cursor: pointer;}

.about-kg-btn a{ font-size: 16px; color: #fff;}

.about-partner{ width: 100%; padding: 40px 0; overflow: hidden;}



.about-partner-title h4{ font-size: 40px; color: #000;}

.about-partner-title p{ font-size: 16px; line-height: 28px; margin-top: 10px;}

.about-partner-con{ margin-top: 20px;}

.about-partner-con li{ background: #fff; height: 140px; margin-bottom: 30px; }

.about-partner-sj{ display: flex; align-items: center; justify-content: center; height: 100%; position: relative; overflow: hidden; border: #cccccc 1px solid; border-radius: 5px;}

.about-partner-sj img{ width: 80%; height: auto;}

@media (max-width:768px) {

	.about-banner{ height: 150px;}

	.about-banner-con h4{ font-size: 30px;}

	.about-banner-con p{ font-size: 14px; padding:10px 20px 0;}

	.page-menu{ height: 50px;}

	.page-menu-con{ padding: 0; }

	.page-menu-con ul{overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;}

	.page-menu-con ul::-webkit-scrollbar{ display: none; /*去除横向滚动默认条*/}

	.page-menu-con ul li{ height: 50px; line-height: 50px; display:inline-block; float: none;}

	.page-menu-con ul li a{ font-size: 14px;}

	.about-partner-con{ padding: 0 10px;}

	.about-partner-con li {padding: 10px 10px; margin-bottom: 0; height: 100px;}

}



/*集团概况-详情*/

.about-con-nr{ width: 100%;}

.about-con-nr-title{ margin: 40px auto 0; text-align: center;}

.about-con-nr-con{ padding-top: 20px;}

.about-con-nr-con p{ font-size: 16px; line-height: 38px; padding-bottom: 15px; text-indent: 2em;}

.about-con-service{ width: 100%; background: #f2f2f2; padding: 80px 0; overflow: hidden; margin-top: 20px;}

.about-con-ser-lb-img{ width: 150px; height: 150px; border-radius: 50%; font-size: 22px; color:#fff; text-align: center; line-height: 150px; margin: 0 auto;}

.about-con-ser-lb-text{ text-align: center; font-size: 18px; color: #4e4c4c; padding-top: 20px; line-height: 30px;}

.aboutys01{ background: #0184c9;}

.aboutys02{ background: #c30d23;}

.aboutys03{ background: #01acbd;}



@media (max-width:768px) {

	.about-con-service{ padding: 20px 0;}

	.about-con-nr-title img{ width: 80%;}

	.about-con-ser-lb-img{ width: 85px; height: 85px; line-height: 85px; font-size: 14px;}

	.about-con-ser-lb-text{ font-size: 14px; line-height: 25px;overflow: hidden;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-line-clamp: 4;/*想显示多少行就给多大值*/

		-webkit-box-orient: vertical;

	}

}



/*联系我们*/

.contact-banner-img{ background-image: url("../images/contactbanner.jpg");}

.contact-lxfs{ background: #eff1f3; width: 100%; overflow: hidden; padding-bottom: 40px;}

.contact-lxfs .row{ margin: 0;}

.contact-leftbg{ background: #e4e7e9; padding: 40px 50px; overflow: hidden;}

.contact-left-title{}

.contact-left-title h4{ font-size: 26px; color: #252525;}

.contact-left-title hr{ width: 50px; height:4px; background: #c30d23; float: left; margin-top: 10px;}

.contact-left-con{ padding-top: 20px;}

.contact-left-con-lb{ width: 100%; display: flex; align-items: center; height: 30px; margin-bottom: 15px;}

.contact-left-con-lb span{ display: inline-block; font-size: 16px; color: #666666;}

.contact-left-con-lb span img{ width: 100%; height:100%; display: block; padding-right: 5px;}

.contact-spacing{ height:20px;}

.contact-rightbg{ background: #fff; padding: 40px 50px; overflow: hidden;}

.contact-map{ padding: 20px; background: #fff; overflow: hidden;}

.contact-message{ width: 100%; background: url("../images/messgbg.jpg") no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: scroll; padding: 40px 0; overflow: hidden;}

.contact-message-lb{ border-bottom: #8e8d8d 1px solid; display: flex; align-items: center; height: 60px; margin-top: 15px;}

.contact-message-lb span{ display: inline-block;}

.contact-xh{ color: #ff0000;}

.contact-message-title{ font-size: 16px; color: #fff; padding-left: 5px;}

.contact-message-input{ flex: 1; padding: 0 10px 0 0;}

.contact-message-input input{ width: 100%; background: none; border: none; outline: 0; color: #fff; font-size: 16px;}

.contact-message-lb01{ border-bottom: #8e8d8d 1px solid; display: flex; align-items: center; height: 120px; margin: 15px;}

.contact-message-lb01 span{ display: inline-block;}

.contact-message-input textarea{ width: 100%; background: none; border: none; outline: 0; color: #fff; font-size: 16px;}

.contact-message-btn{ width: 40%; margin: 0 auto;}

.contact-message-button{ background: #b00707; width: 100%; height: 50px; line-height: 40px; border-radius: 5px; font-size: 16px; color: #fff; text-align: center; line-height: 50px; border: none; outline: 0; cursor: pointer; margin-top: 30px;}

.contact-message-button:hover{ opacity: 0.9;}



/*产品展示*/

.pro-banner-img{ background-image: url("../images/probanner.jpg");}

.padding0{ padding: 0;}



/*分页*/

.pagination{ text-align: center; margin: 40px 0;}

.pagination ul, li { list-style: none; display: inline-block; padding-left: 0px; text-align: center;}

.pagination li { counter-increment: pagination; width: 70px; height: 45px; border: #dbdbdb 1px solid; margin: 0 1px; border-radius: 40px; margin-bottom: 10px;}

.pagination li a{ display: inline-block;width: 70px; height: 45px; line-height: 45px; font-size: 14px;}

.pagination li:hover a { color: #fdfdfd; background-color: #c30d23; border-radius: 40px;}

.pagination li.active11 a { color: #fdfdfd;  background-color: #c30d23; border-radius: 40px;}





/*新闻中心*/

.news-banner-img{ background-image: url("../images/newsbannner.jpg");}

.news-con{ width: 100%}

.news-con .row{ margin: 0;}

.news-con-lb{ border-bottom: #f0f0f0 1px solid; padding: 30px 0; overflow: hidden;}

.news-con-lb:hover{ background: #f3f3f3;}

.news-con-lb a{ display: flex; align-items: center;}

.news-riqi{ width: 15%;}

.news-date{ display: flex; align-items: center; height: 40px;}

.news-date span{ display: inline-block; font-size: 30px; font-weight: bold; color: #999;}

.news-date span hr{ width: 50px; height: 2px; background: #cccccc; margin-left: 30px;}

.news-years{ font-size: 16px; color: #999; margin-top: 10px; text-align: left;}

.news-con-text{ flex:1; text-align: left; padding: 0 10px; width: 100%;}

.news-con-lb-title{ font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.news-con-lb-conn{ font-size: 14px; color: #7f7f7f; line-height: 28px; padding-top: 10px; height: 66px; overflow: hidden;}

.news-con-more{ background: #dedede; border-radius: 30px; height: 50px; display: flex; align-items: center; justify-content: center; width: 80%; float: right; width: 10%;}

.news-con-more img{ padding-left: 10px;}

.news-con-lb:hover .news-con-more{ opacity: 0.9;}



@media (max-width:1200px) {

	.news-riqi{ display: none;}

	.news-con-more{ display: none;}

	.news-con-lb{ padding: 15px 0px;}

	.news-con-text{ padding: 0;}

}



/*资讯详情*/

.news-xq{ overflow: hidden; padding-bottom: 20px;}

.procon-top{ border-bottom: #f3f3f3 1px solid; padding: 0px 0 20px;}

.procon-top h4{ font-size: 30px; font-weight: 600; text-align: center; color: #000;}

.procon-top p{ font-size: 14px; color: #b2b2b2; text-align: center; padding-top: 10px;}

.procon-jtnr{ padding: 40px 0; line-height: 36px;}

.procon-jtnr img{ max-width: 100%;}

.page-back{ float: left;}

.page-back a{ line-height: 40px;}

.page-back a:hover{ opacity: 0.8;}

.page-next{ float: right;}

.page-next a{ line-height: 40px;}

.page-next a:hover{ opacity: 0.8;}



/*人才中心*/

.rencai-banner-img{ background-image: url("../images/rencaibanner.jpg");}

.join-con{ padding: 40px 0;}

.join-title{ background: #f4f4f4; height: 50px; line-height: 50px;}

.join-title span{ display: block; float: left; width: 33%; color: #949293; font-size: 14px; padding-left: 20px;}

.selectbox{ clear:both; margin:auto; }

.selemediv{ width: 100%; }

.selemenu{ height:60px; background:#fff; color:#999; border-bottom: #f3f3f3 1px solid;font-size:14px; line-height:60px;}

.selemenu span{ width: 33%; display: block; float: left; padding-left: 20px;}

.citylist span{ display:block; clear:both; cursor:pointer;}

.citylist{ display:none; line-height:35px; background:#fff; text-indent:10px; font-size:12px; position:absolute; left:0; top:35px; width:180px; box-shadow:0px 5px 5px #ccc;}

.citylist2{ font-size:14px; color:#666; background:#fafbfc;border-bottom:1px solid #f6f6f6; display:none; width: 100%; padding: 10px 3% 2%;}

.xzk{ padding-top: 30px;}

.gwmc{ color: #f10d0c;}

.gwmcnr{ padding-top: 10px;}

.gwmcnr p{ line-height: 28px;}

.csinput{ text-align: right;}



/*我们的优势*/

.youshi-banner-img{ background-image: url("../images/youshibanner.jpg");}



.honor-lb{ margin: 10px; border: #e7e5e5 1px solid;}




/*产品详情*/
.zoombox{width:100%;}
.zoompic{border:solid 1px #dfdfdf;width:100%;height:550px;background:url(../images/loading.gif) no-repeat 50% 50%; position: relative; overflow: hidden;}
.zoompic img{width: 75%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.sliderbox{height:86px;overflow:hidden;margin:6px 0 0 0;}
.sliderbox .arrow-btn{width:5%;height:86px;cursor:pointer; display: flex; align-items: center; justify-content: center; background: #f3f3f3;}
.sliderbox #btn-left{float:left;background-position:0 0;}
.sliderbox #btn-left.dasabled{background-position:0 -76px;}
.sliderbox #btn-right{float:right;background-position:-38px 0;}
.sliderbox #btn-right.dasabled{background-position:-38px -76px;}
.sliderbox .slider{float:left;height:86px;width:89%;position:relative;overflow:hidden;display:inline; padding: 0 2%;}
.sliderbox .slider ul{position:absolute;left:0;width:999em;}
.sliderbox .slider li{width:121px;height:86px;text-align:center; float: left; margin:0 3px;}
.sliderbox .slider li img{border:solid 1px #dfdfdf; width: 99%; height: 98%;}
.sliderbox .slider li.current img{border:solid 1px #3366cc;}
.procon-title{ border-bottom: #eeeeee 1px solid; padding-bottom: 20px;}
.procon-titlebt{ font-size: 28px; font-weight: bold; color: #000;}
.procon-title-time{ font-size: 14px; color: #b2b2b2; padding-top: 10px;}
.procon-lxwm{ padding-top: 40px;}
.procon-lxwm a{ display: block; float: left; margin-right: 15px; background: #0e68b0; font-size: 16px; color: #fff; padding: 10px 30px;}
.procon-lxwm a:hover{ opacity: 0.9;}
.procon-fx{ padding-top: 30px; display: flex; align-items: center;}
.procon-fx-bt{ float: left; padding-right: 10px;}
.procon-fx-con{ float: left;}
.pro-con-nr{ padding: 40px 0;}
.pro-con-nr-title{ border-bottom: #d9d9d9 1px solid; overflow: hidden;}
.pro-con-nr-title span{ background: #0e68b0; font-size: 16px; color: #fff; padding: 10px 80px; border-bottom: #c30d23 1px solid; display: inline-block;}
.pro-con-nr-con{ padding-top: 30px; line-height: 40px;}
.pro-con-nr-con img{ max-width: 100%;}

@media (max-width:768px) {
	.zoompic{ height: 300px;}
	.procon-title{ padding-top: 20px;}
	.pro-con-nr-con{ padding: 30px 10px 0;}
}